<template>
	<!-- 按钮 -->
    <view class="system-btn-container" @click="confirm">
		<view class="confirm-btn" >{{text}}</view>
	</view>
</template>

<script>
    export default {
		props: {
			text: {
				type: String,
				default: '确定',
			},
		},
        data() {
            return {
            }
        },
		methods: {
			/**
			 * 确定
			 */
			confirm(){
				console.log("点击了");
				this.$emit("systemConfirm");
			},
		},
		mounted() {
		},
    }
</script>	

<style lang="scss">
	// 上面的 x 和 标题 
	.system-btn-container {
		margin-top: 30rpx;
		width: 500rpx;
		height: 80rpx;
		border-radius: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: $themeYellowColor;
		color: $themePurpleColor;
	} 
</style>
